{extend name="/login/base" /}

{block name="content"}
    <div class="layadmin-user-login-box layadmin-user-login-body layui-form">
        <form action="{{route('admin.login')}}" method="post">
            <div class="layui-form-item">
                <label class="layadmin-user-login-icon layui-icon layui-icon-username" for="LAY-user-login-username"></label>
                <input type="text" name="username" value="" lay-verify="required" placeholder="用户名" class="layui-input">
            </div>
            <div class="layui-form-item">
                <label class="layadmin-user-login-icon layui-icon layui-icon-password" for="LAY-user-login-password"></label>
                <input type="password" name="password"  lay-verify="required" placeholder="密码" class="layui-input">
            </div>
<!--            <div class="layui-form-item">-->
<!--                <div class="layui-row">-->
<!--                    <div class="layui-col-xs7">-->
<!--                        <label class="layadmin-user-login-icon layui-icon layui-icon-vercode" for="LAY-user-login-vercode"></label>-->
<!--                        <input type="text" name="vercode" id="LAY-user-login-vercode" lay-verify="required" placeholder="图形验证码" class="layui-input">-->
<!--                    </div>-->
<!--                    <div class="layui-col-xs5">-->
<!--                        <div style="margin-left: 10px;">-->
<!--                            <img src="https://www.oschina.net/action/user/captcha" class="layadmin-user-login-codeimg" id="LAY-user-get-vercode">-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            {{&#45;&#45;<div class="layui-form-item" style="margin-bottom: 20px;">&#45;&#45;}}-->
<!--                {{&#45;&#45;<input type="checkbox" name="remember" lay-skin="primary" title="记住密码">&#45;&#45;}}-->
<!--                {{&#45;&#45;<a href="forget.html" class="layadmin-user-jump-change layadmin-link" style="margin-top: 7px;">忘记密码？</a>&#45;&#45;}}-->
<!--            {{&#45;&#45;</div>&#45;&#45;}}-->
            <div class="layui-form-item">
                <span type="submit" id="submit" class="layui-btn layui-btn-fluid" lay-submit="" lay-filter="formDemo" style="background-color: #0C0C0C">登 录</span>
            </div>
        </form>
<!--        {{&#45;&#45;<div class="layui-trans layui-form-item layadmin-user-login-other">&#45;&#45;}}-->
<!--            {{&#45;&#45;<label>社交账号登入</label>&#45;&#45;}}-->
<!--            {{&#45;&#45;<a href="javascript:;"><i class="layui-icon layui-icon-login-qq"></i></a>&#45;&#45;}}-->
<!--            {{&#45;&#45;<a href="javascript:;"><i class="layui-icon layui-icon-login-wechat"></i></a>&#45;&#45;}}-->
<!--            {{&#45;&#45;<a href="javascript:;"><i class="layui-icon layui-icon-login-weibo"></i></a>&#45;&#45;}}-->

<!--            {{&#45;&#45;<a href="reg.html" class="layadmin-user-jump-change layadmin-link">注册帐号</a>&#45;&#45;}}-->
<!--        {{&#45;&#45;</div>&#45;&#45;}}-->
    </div>
{/block}

{block name="script"}
<script>
    layui.use(['layer','table','form'],function () {
        var layer = layui.layer;
        var form = layui.form;
        var table = layui.table;
        var $ = layui.$ //由于layer弹层依赖jQuery，所以可以直接得到

        //搜索
        $('#submit').click(function () {
            var username = $("input[name='username']").val()
            var password = $("input[name='password']").val()

            var data = {'username':username,'password':password};

            $.ajax({
                type: 'POST',
                url: '{:url("admin/login/login")}',
                data: data,
                success: function (ret) {
                    if (ret.code == 200) {
                        layer.msg(ret.msg, {icon: 6, time: 1000}, function () {
                            window.location.href='{:url("admin/index/layout")}';
                        });
                    } else {
                        layer.msg(ret.msg);
                    }
                    return false;
                }
            });
        })

    })
</script>
{/block}